Illustrator で作成した SVG 要素に JavaScript を使用して直接アクセスできますか?-jsチュートリアル-php.cn

Illustrator で作成した SVG 要素に JavaScript を使用して直接アクセスできますか?

Linda Hamilton

リリース： 2024-11-12 01:55:02

オリジナル

502 人が閲覧しました

Can You Access SVG Elements Created in Illustrator Directly with JavaScript?

JavaScript 経由で Illustrator から SVG 要素にアクセスする

デザイナーの中には、後で JavaScript で操作できるように Illustrator で SVG ファイルを作成することを好む人もいます。このため、JavaScript を使用してそのような SVG 内の特定の要素にアクセスできるかどうかという疑問が生じました。

指定されたコードスニペットは、ID で識別される要素と基本的な HTML ページを含む Illustrator で生成された SVG を示していました。 2 つの疑問が生じました:

答え:

可能ですか?

はい、SVG にアクセスすることは完全に可能です追加の要素を必要とせず、JavaScript から直接 Illustrator で作成された要素

テクニック:

次のコードは、機能する基本的なアプローチを示しています:

<!DOCTYPE html>
<html>
<head>
    <title>SVG Illustrator Test</title>
</head>
<body>
    <object data="alpha.svg" type="image/svg+xml">

ログイン後にコピー

キーポイント:

注: この HTML を適切に実行するには、Web 上でホストされている必要があります同一生成元ポリシーの制限により、IIS や Tomcat などのサーバー。

以上がIllustrator で作成した SVG 要素に JavaScript を使用して直接アクセスできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。