mirror of
https://github.com/servo/servo.git
synced 2025-06-06 16:45:39 +00:00
The type Vec<u8> is super unefficient to work with in Serde if all you want to represent is a simple blob.
1457 lines
59 KiB
Rust
1457 lines
59 KiB
Rust
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
use canvas_traits::canvas::{Canvas2dMsg, CanvasMsg};
|
|
use canvas_traits::canvas::{CompositionOrBlending, FillOrStrokeStyle, FillRule};
|
|
use canvas_traits::canvas::{LineCapStyle, LineJoinStyle, LinearGradientStyle};
|
|
use canvas_traits::canvas::{RadialGradientStyle, RepetitionStyle, byte_swap_and_premultiply};
|
|
use cssparser::{Parser, ParserInput, RGBA};
|
|
use cssparser::Color as CSSColor;
|
|
use dom::bindings::cell::DomRefCell;
|
|
use dom::bindings::codegen::Bindings::CanvasRenderingContext2DBinding;
|
|
use dom::bindings::codegen::Bindings::CanvasRenderingContext2DBinding::CanvasFillRule;
|
|
use dom::bindings::codegen::Bindings::CanvasRenderingContext2DBinding::CanvasImageSource;
|
|
use dom::bindings::codegen::Bindings::CanvasRenderingContext2DBinding::CanvasLineCap;
|
|
use dom::bindings::codegen::Bindings::CanvasRenderingContext2DBinding::CanvasLineJoin;
|
|
use dom::bindings::codegen::Bindings::CanvasRenderingContext2DBinding::CanvasRenderingContext2DMethods;
|
|
use dom::bindings::codegen::Bindings::ImageDataBinding::ImageDataMethods;
|
|
use dom::bindings::codegen::UnionTypes::StringOrCanvasGradientOrCanvasPattern;
|
|
use dom::bindings::error::{Error, ErrorResult, Fallible};
|
|
use dom::bindings::inheritance::Castable;
|
|
use dom::bindings::num::Finite;
|
|
use dom::bindings::reflector::{DomObject, Reflector, reflect_dom_object};
|
|
use dom::bindings::root::{Dom, DomRoot, LayoutDom};
|
|
use dom::bindings::str::DOMString;
|
|
use dom::canvasgradient::{CanvasGradient, CanvasGradientStyle, ToFillOrStrokeStyle};
|
|
use dom::canvaspattern::CanvasPattern;
|
|
use dom::element::Element;
|
|
use dom::globalscope::GlobalScope;
|
|
use dom::htmlcanvaselement::HTMLCanvasElement;
|
|
use dom::imagedata::ImageData;
|
|
use dom::node::{Node, NodeDamage, window_from_node};
|
|
use dom_struct::dom_struct;
|
|
use euclid::{Transform2D, Point2D, Vector2D, Rect, Size2D, vec2};
|
|
use ipc_channel::ipc::IpcSender;
|
|
use net_traits::image::base::PixelFormat;
|
|
use net_traits::image_cache::CanRequestImages;
|
|
use net_traits::image_cache::ImageCache;
|
|
use net_traits::image_cache::ImageOrMetadataAvailable;
|
|
use net_traits::image_cache::ImageResponse;
|
|
use net_traits::image_cache::ImageState;
|
|
use net_traits::image_cache::UsePlaceholder;
|
|
use num_traits::ToPrimitive;
|
|
use profile_traits::ipc;
|
|
use script_traits::ScriptMsg;
|
|
use servo_url::ServoUrl;
|
|
use std::{cmp, fmt, mem};
|
|
use std::cell::Cell;
|
|
use std::str::FromStr;
|
|
use std::sync::Arc;
|
|
use unpremultiplytable::UNPREMULTIPLY_TABLE;
|
|
|
|
#[must_root]
|
|
#[derive(Clone, JSTraceable, MallocSizeOf)]
|
|
#[allow(dead_code)]
|
|
enum CanvasFillOrStrokeStyle {
|
|
Color(RGBA),
|
|
Gradient(Dom<CanvasGradient>),
|
|
Pattern(Dom<CanvasPattern>),
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#canvasrenderingcontext2d
|
|
#[dom_struct]
|
|
pub struct CanvasRenderingContext2D {
|
|
reflector_: Reflector,
|
|
#[ignore_malloc_size_of = "Defined in ipc-channel"]
|
|
ipc_renderer: IpcSender<CanvasMsg>,
|
|
/// For rendering contexts created by an HTML canvas element, this is Some,
|
|
/// for ones created by a paint worklet, this is None.
|
|
canvas: Option<Dom<HTMLCanvasElement>>,
|
|
#[ignore_malloc_size_of = "Arc"]
|
|
image_cache: Arc<ImageCache>,
|
|
/// Any missing image URLs.
|
|
missing_image_urls: DomRefCell<Vec<ServoUrl>>,
|
|
/// The base URL for resolving CSS image URL values.
|
|
/// Needed because of https://github.com/servo/servo/issues/17625
|
|
base_url: ServoUrl,
|
|
state: DomRefCell<CanvasContextState>,
|
|
saved_states: DomRefCell<Vec<CanvasContextState>>,
|
|
origin_clean: Cell<bool>,
|
|
}
|
|
|
|
#[must_root]
|
|
#[derive(Clone, JSTraceable, MallocSizeOf)]
|
|
struct CanvasContextState {
|
|
global_alpha: f64,
|
|
global_composition: CompositionOrBlending,
|
|
image_smoothing_enabled: bool,
|
|
fill_style: CanvasFillOrStrokeStyle,
|
|
stroke_style: CanvasFillOrStrokeStyle,
|
|
line_width: f64,
|
|
line_cap: LineCapStyle,
|
|
line_join: LineJoinStyle,
|
|
miter_limit: f64,
|
|
transform: Transform2D<f32>,
|
|
shadow_offset_x: f64,
|
|
shadow_offset_y: f64,
|
|
shadow_blur: f64,
|
|
shadow_color: RGBA,
|
|
}
|
|
|
|
impl CanvasContextState {
|
|
fn new() -> CanvasContextState {
|
|
let black = RGBA::new(0, 0, 0, 255);
|
|
CanvasContextState {
|
|
global_alpha: 1.0,
|
|
global_composition: CompositionOrBlending::default(),
|
|
image_smoothing_enabled: true,
|
|
fill_style: CanvasFillOrStrokeStyle::Color(black),
|
|
stroke_style: CanvasFillOrStrokeStyle::Color(black),
|
|
line_width: 1.0,
|
|
line_cap: LineCapStyle::Butt,
|
|
line_join: LineJoinStyle::Miter,
|
|
miter_limit: 10.0,
|
|
transform: Transform2D::identity(),
|
|
shadow_offset_x: 0.0,
|
|
shadow_offset_y: 0.0,
|
|
shadow_blur: 0.0,
|
|
shadow_color: RGBA::transparent(),
|
|
}
|
|
}
|
|
}
|
|
|
|
impl CanvasRenderingContext2D {
|
|
pub fn new_inherited(global: &GlobalScope,
|
|
canvas: Option<&HTMLCanvasElement>,
|
|
image_cache: Arc<ImageCache>,
|
|
base_url: ServoUrl,
|
|
size: Size2D<i32>)
|
|
-> CanvasRenderingContext2D {
|
|
debug!("Creating new canvas rendering context.");
|
|
let (sender, receiver) = ipc::channel(global.time_profiler_chan().clone()).unwrap();
|
|
let script_to_constellation_chan = global.script_to_constellation_chan();
|
|
debug!("Asking constellation to create new canvas thread.");
|
|
script_to_constellation_chan.send(ScriptMsg::CreateCanvasPaintThread(size, sender)).unwrap();
|
|
let ipc_renderer = receiver.recv().unwrap();
|
|
debug!("Done.");
|
|
CanvasRenderingContext2D {
|
|
reflector_: Reflector::new(),
|
|
ipc_renderer: ipc_renderer,
|
|
canvas: canvas.map(Dom::from_ref),
|
|
image_cache: image_cache,
|
|
missing_image_urls: DomRefCell::new(Vec::new()),
|
|
base_url: base_url,
|
|
state: DomRefCell::new(CanvasContextState::new()),
|
|
saved_states: DomRefCell::new(Vec::new()),
|
|
origin_clean: Cell::new(true),
|
|
}
|
|
}
|
|
|
|
pub fn new(global: &GlobalScope,
|
|
canvas: &HTMLCanvasElement,
|
|
size: Size2D<i32>)
|
|
-> DomRoot<CanvasRenderingContext2D> {
|
|
let window = window_from_node(canvas);
|
|
let image_cache = window.image_cache();
|
|
let base_url = window.get_url();
|
|
let boxed = Box::new(CanvasRenderingContext2D::new_inherited(
|
|
global, Some(canvas), image_cache, base_url, size
|
|
));
|
|
reflect_dom_object(boxed, global, CanvasRenderingContext2DBinding::Wrap)
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#concept-canvas-set-bitmap-dimensions
|
|
pub fn set_bitmap_dimensions(&self, size: Size2D<i32>) {
|
|
self.reset_to_initial_state();
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Recreate(size))
|
|
.unwrap();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#reset-the-rendering-context-to-its-default-state
|
|
fn reset_to_initial_state(&self) {
|
|
self.saved_states.borrow_mut().clear();
|
|
*self.state.borrow_mut() = CanvasContextState::new();
|
|
}
|
|
|
|
fn mark_as_dirty(&self) {
|
|
if let Some(ref canvas) = self.canvas {
|
|
canvas.upcast::<Node>().dirty(NodeDamage::OtherNodeDamage);
|
|
}
|
|
}
|
|
|
|
fn update_transform(&self) {
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetTransform(self.state.borrow().transform)))
|
|
.unwrap()
|
|
}
|
|
|
|
// It is used by DrawImage to calculate the size of the source and destination rectangles based
|
|
// on the drawImage call arguments
|
|
// source rectangle = area of the original image to be copied
|
|
// destination rectangle = area of the destination canvas where the source image is going to be drawn
|
|
fn adjust_source_dest_rects(&self,
|
|
image_size: Size2D<f64>,
|
|
sx: f64,
|
|
sy: f64,
|
|
sw: f64,
|
|
sh: f64,
|
|
dx: f64,
|
|
dy: f64,
|
|
dw: f64,
|
|
dh: f64)
|
|
-> (Rect<f64>, Rect<f64>) {
|
|
let image_rect = Rect::new(Point2D::new(0f64, 0f64),
|
|
Size2D::new(image_size.width as f64, image_size.height as f64));
|
|
|
|
// The source rectangle is the rectangle whose corners are the four points (sx, sy),
|
|
// (sx+sw, sy), (sx+sw, sy+sh), (sx, sy+sh).
|
|
let source_rect = Rect::new(Point2D::new(sx.min(sx + sw), sy.min(sy + sh)),
|
|
Size2D::new(sw.abs(), sh.abs()));
|
|
|
|
// When the source rectangle is outside the source image,
|
|
// the source rectangle must be clipped to the source image
|
|
let source_rect_clipped = source_rect.intersection(&image_rect).unwrap_or(Rect::zero());
|
|
|
|
// Width and height ratios between the non clipped and clipped source rectangles
|
|
let width_ratio: f64 = source_rect_clipped.size.width / source_rect.size.width;
|
|
let height_ratio: f64 = source_rect_clipped.size.height / source_rect.size.height;
|
|
|
|
// When the source rectangle is outside the source image,
|
|
// the destination rectangle must be clipped in the same proportion.
|
|
let dest_rect_width_scaled: f64 = dw * width_ratio;
|
|
let dest_rect_height_scaled: f64 = dh * height_ratio;
|
|
|
|
// The destination rectangle is the rectangle whose corners are the four points (dx, dy),
|
|
// (dx+dw, dy), (dx+dw, dy+dh), (dx, dy+dh).
|
|
let dest_rect = Rect::new(Point2D::new(dx.min(dx + dest_rect_width_scaled),
|
|
dy.min(dy + dest_rect_height_scaled)),
|
|
Size2D::new(dest_rect_width_scaled.abs(),
|
|
dest_rect_height_scaled.abs()));
|
|
|
|
let source_rect = Rect::new(Point2D::new(source_rect_clipped.origin.x,
|
|
source_rect_clipped.origin.y),
|
|
Size2D::new(source_rect_clipped.size.width,
|
|
source_rect_clipped.size.height));
|
|
|
|
(source_rect, dest_rect)
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#the-image-argument-is-not-origin-clean
|
|
fn is_origin_clean(&self,
|
|
image: CanvasImageSource)
|
|
-> bool {
|
|
match image {
|
|
CanvasImageSource::HTMLCanvasElement(canvas) => {
|
|
canvas.origin_is_clean()
|
|
}
|
|
CanvasImageSource::CanvasRenderingContext2D(image) =>
|
|
image.origin_is_clean(),
|
|
CanvasImageSource::HTMLImageElement(image) => {
|
|
let image_origin = image.get_origin().expect("Image's origin is missing");
|
|
image_origin.same_origin(GlobalScope::entry().origin())
|
|
}
|
|
CanvasImageSource::CSSStyleValue(_) => true,
|
|
}
|
|
}
|
|
|
|
//
|
|
// drawImage coordinates explained
|
|
//
|
|
// Source Image Destination Canvas
|
|
// +-------------+ +-------------+
|
|
// | | | |
|
|
// |(sx,sy) | |(dx,dy) |
|
|
// | +----+ | | +----+ |
|
|
// | | | | | | | |
|
|
// | | |sh |---->| | |dh |
|
|
// | | | | | | | |
|
|
// | +----+ | | +----+ |
|
|
// | sw | | dw |
|
|
// | | | |
|
|
// +-------------+ +-------------+
|
|
//
|
|
//
|
|
// The rectangle (sx, sy, sw, sh) from the source image
|
|
// is copied on the rectangle (dx, dy, dh, dw) of the destination canvas
|
|
//
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-drawimage
|
|
fn draw_image(&self,
|
|
image: CanvasImageSource,
|
|
sx: f64,
|
|
sy: f64,
|
|
sw: Option<f64>,
|
|
sh: Option<f64>,
|
|
dx: f64,
|
|
dy: f64,
|
|
dw: Option<f64>,
|
|
dh: Option<f64>)
|
|
-> ErrorResult {
|
|
let result = match image {
|
|
CanvasImageSource::HTMLCanvasElement(ref canvas) => {
|
|
self.draw_html_canvas_element(&canvas,
|
|
sx, sy, sw, sh,
|
|
dx, dy, dw, dh)
|
|
}
|
|
CanvasImageSource::CanvasRenderingContext2D(ref image) => {
|
|
self.draw_html_canvas_element(&image.Canvas(),
|
|
sx, sy, sw, sh,
|
|
dx, dy, dw, dh)
|
|
}
|
|
CanvasImageSource::HTMLImageElement(ref image) => {
|
|
// https://html.spec.whatwg.org/multipage/#img-error
|
|
// If the image argument is an HTMLImageElement object that is in the broken state,
|
|
// then throw an InvalidStateError exception
|
|
let url = image.get_url().ok_or(Error::InvalidState)?;
|
|
self.fetch_and_draw_image_data(url,
|
|
sx, sy, sw, sh,
|
|
dx, dy, dw, dh)
|
|
}
|
|
CanvasImageSource::CSSStyleValue(ref value) => {
|
|
let url = value.get_url(self.base_url.clone()).ok_or(Error::InvalidState)?;
|
|
self.fetch_and_draw_image_data(url,
|
|
sx, sy, sw, sh,
|
|
dx, dy, dw, dh)
|
|
}
|
|
};
|
|
|
|
if result.is_ok() && !self.is_origin_clean(image) {
|
|
self.set_origin_unclean()
|
|
}
|
|
result
|
|
}
|
|
|
|
fn draw_html_canvas_element(&self,
|
|
canvas: &HTMLCanvasElement,
|
|
sx: f64,
|
|
sy: f64,
|
|
sw: Option<f64>,
|
|
sh: Option<f64>,
|
|
dx: f64,
|
|
dy: f64,
|
|
dw: Option<f64>,
|
|
dh: Option<f64>)
|
|
-> ErrorResult {
|
|
// 1. Check the usability of the image argument
|
|
if !canvas.is_valid() {
|
|
return Err(Error::InvalidState);
|
|
}
|
|
|
|
let canvas_size = canvas.get_size();
|
|
let dw = dw.unwrap_or(canvas_size.width as f64);
|
|
let dh = dh.unwrap_or(canvas_size.height as f64);
|
|
let sw = sw.unwrap_or(canvas_size.width as f64);
|
|
let sh = sh.unwrap_or(canvas_size.height as f64);
|
|
|
|
let image_size = Size2D::new(canvas_size.width as f64, canvas_size.height as f64);
|
|
// 2. Establish the source and destination rectangles
|
|
let (source_rect, dest_rect) = self.adjust_source_dest_rects(image_size,
|
|
sx,
|
|
sy,
|
|
sw,
|
|
sh,
|
|
dx,
|
|
dy,
|
|
dw,
|
|
dh);
|
|
|
|
if !is_rect_valid(source_rect) || !is_rect_valid(dest_rect) {
|
|
return Ok(());
|
|
}
|
|
|
|
let smoothing_enabled = self.state.borrow().image_smoothing_enabled;
|
|
|
|
if self.canvas.as_ref().map_or(false, |c| &**c == canvas) {
|
|
let msg = CanvasMsg::Canvas2d(Canvas2dMsg::DrawImageSelf(
|
|
image_size, dest_rect, source_rect, smoothing_enabled));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
} else {
|
|
let context = match canvas.get_or_init_2d_context() {
|
|
Some(context) => context,
|
|
None => return Err(Error::InvalidState),
|
|
};
|
|
|
|
let (sender, receiver) = ipc::channel(self.global().time_profiler_chan().clone()).unwrap();
|
|
let msg = CanvasMsg::Canvas2d(Canvas2dMsg::DrawImageInOther(
|
|
self.ipc_renderer.clone(),
|
|
image_size,
|
|
dest_rect,
|
|
source_rect,
|
|
smoothing_enabled,
|
|
sender));
|
|
|
|
let renderer = context.get_ipc_renderer();
|
|
renderer.send(msg).unwrap();
|
|
receiver.recv().unwrap();
|
|
};
|
|
|
|
self.mark_as_dirty();
|
|
Ok(())
|
|
}
|
|
|
|
fn fetch_and_draw_image_data(&self,
|
|
url: ServoUrl,
|
|
sx: f64,
|
|
sy: f64,
|
|
sw: Option<f64>,
|
|
sh: Option<f64>,
|
|
dx: f64,
|
|
dy: f64,
|
|
dw: Option<f64>,
|
|
dh: Option<f64>)
|
|
-> ErrorResult {
|
|
debug!("Fetching image {}.", url);
|
|
// https://html.spec.whatwg.org/multipage/#img-error
|
|
// If the image argument is an HTMLImageElement object that is in the broken state,
|
|
// then throw an InvalidStateError exception
|
|
let (image_data, image_size) = match self.fetch_image_data(url) {
|
|
Some((mut data, size)) => {
|
|
// Pixels come from cache in BGRA order and drawImage expects RGBA so we
|
|
// have to swap the color values
|
|
byte_swap_and_premultiply(&mut data);
|
|
let size = Size2D::new(size.width as f64, size.height as f64);
|
|
(data, size)
|
|
},
|
|
None => return Err(Error::InvalidState),
|
|
};
|
|
let dw = dw.unwrap_or(image_size.width);
|
|
let dh = dh.unwrap_or(image_size.height);
|
|
let sw = sw.unwrap_or(image_size.width);
|
|
let sh = sh.unwrap_or(image_size.height);
|
|
self.draw_image_data(image_data,
|
|
image_size,
|
|
sx, sy, sw, sh,
|
|
dx, dy, dw, dh)
|
|
}
|
|
|
|
fn draw_image_data(&self,
|
|
image_data: Vec<u8>,
|
|
image_size: Size2D<f64>,
|
|
sx: f64,
|
|
sy: f64,
|
|
sw: f64,
|
|
sh: f64,
|
|
dx: f64,
|
|
dy: f64,
|
|
dw: f64,
|
|
dh: f64)
|
|
-> ErrorResult {
|
|
// Establish the source and destination rectangles
|
|
let (source_rect, dest_rect) = self.adjust_source_dest_rects(image_size,
|
|
sx,
|
|
sy,
|
|
sw,
|
|
sh,
|
|
dx,
|
|
dy,
|
|
dw,
|
|
dh);
|
|
|
|
if !is_rect_valid(source_rect) || !is_rect_valid(dest_rect) {
|
|
return Ok(());
|
|
}
|
|
|
|
let smoothing_enabled = self.state.borrow().image_smoothing_enabled;
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::DrawImage(
|
|
image_data.into(),
|
|
image_size,
|
|
dest_rect,
|
|
source_rect,
|
|
smoothing_enabled,
|
|
))).unwrap();
|
|
self.mark_as_dirty();
|
|
Ok(())
|
|
}
|
|
|
|
fn fetch_image_data(&self, url: ServoUrl) -> Option<(Vec<u8>, Size2D<i32>)> {
|
|
let img = match self.request_image_from_cache(url) {
|
|
ImageResponse::Loaded(img, _) => img,
|
|
ImageResponse::PlaceholderLoaded(_, _) |
|
|
ImageResponse::None |
|
|
ImageResponse::MetadataLoaded(_) => {
|
|
return None;
|
|
}
|
|
};
|
|
|
|
let image_size = Size2D::new(img.width as i32, img.height as i32);
|
|
let image_data = match img.format {
|
|
PixelFormat::BGRA8 => img.bytes.to_vec(),
|
|
PixelFormat::K8 => panic!("K8 color type not supported"),
|
|
PixelFormat::RGB8 => panic!("RGB8 color type not supported"),
|
|
PixelFormat::KA8 => panic!("KA8 color type not supported"),
|
|
};
|
|
|
|
Some((image_data, image_size))
|
|
}
|
|
|
|
#[inline]
|
|
fn request_image_from_cache(&self, url: ServoUrl) -> ImageResponse {
|
|
let response = self.image_cache
|
|
.find_image_or_metadata(url.clone(),
|
|
UsePlaceholder::No,
|
|
CanRequestImages::No);
|
|
match response {
|
|
Ok(ImageOrMetadataAvailable::ImageAvailable(image, url)) =>
|
|
ImageResponse::Loaded(image, url),
|
|
Err(ImageState::Pending(_)) =>
|
|
ImageResponse::None,
|
|
_ => {
|
|
// Rather annoyingly, we get the same response back from
|
|
// A load which really failed and from a load which hasn't started yet.
|
|
self.missing_image_urls.borrow_mut().push(url);
|
|
ImageResponse::None
|
|
},
|
|
}
|
|
}
|
|
|
|
pub fn take_missing_image_urls(&self) -> Vec<ServoUrl> {
|
|
mem::replace(&mut self.missing_image_urls.borrow_mut(), vec![])
|
|
}
|
|
|
|
fn create_drawable_rect(&self, x: f64, y: f64, w: f64, h: f64) -> Option<Rect<f32>> {
|
|
if !([x, y, w, h].iter().all(|val| val.is_finite())) {
|
|
return None;
|
|
}
|
|
|
|
if w == 0.0 && h == 0.0 {
|
|
return None;
|
|
}
|
|
|
|
Some(Rect::new(Point2D::new(x as f32, y as f32),
|
|
Size2D::new(w as f32, h as f32)))
|
|
}
|
|
|
|
fn parse_color(&self, string: &str) -> Result<RGBA, ()> {
|
|
let mut input = ParserInput::new(string);
|
|
let mut parser = Parser::new(&mut input);
|
|
let color = CSSColor::parse(&mut parser);
|
|
if parser.is_exhausted() {
|
|
match color {
|
|
Ok(CSSColor::RGBA(rgba)) => Ok(rgba),
|
|
Ok(CSSColor::CurrentColor) => {
|
|
// TODO: https://github.com/whatwg/html/issues/1099
|
|
// Reconsider how to calculate currentColor in a display:none canvas
|
|
|
|
// TODO: will need to check that the context bitmap mode is fixed
|
|
// once we implement CanvasProxy
|
|
let canvas = match self.canvas {
|
|
// https://drafts.css-houdini.org/css-paint-api/#2d-rendering-context
|
|
// Whenever "currentColor" is used as a color in the PaintRenderingContext2D API,
|
|
// it is treated as opaque black.
|
|
None => return Ok(RGBA::new(0, 0, 0, 255)),
|
|
Some(ref canvas) => &**canvas,
|
|
};
|
|
|
|
let canvas_element = canvas.upcast::<Element>();
|
|
|
|
match canvas_element.style() {
|
|
Some(ref s) if canvas_element.has_css_layout_box() => Ok(s.get_color().color),
|
|
_ => Ok(RGBA::new(0, 0, 0, 255))
|
|
}
|
|
},
|
|
_ => Err(())
|
|
}
|
|
} else {
|
|
Err(())
|
|
}
|
|
}
|
|
|
|
pub fn get_ipc_renderer(&self) -> IpcSender<CanvasMsg> {
|
|
self.ipc_renderer.clone()
|
|
}
|
|
|
|
pub fn origin_is_clean(&self) -> bool {
|
|
self.origin_clean.get()
|
|
}
|
|
|
|
fn set_origin_unclean(&self) {
|
|
self.origin_clean.set(false)
|
|
}
|
|
}
|
|
|
|
pub trait LayoutCanvasRenderingContext2DHelpers {
|
|
#[allow(unsafe_code)]
|
|
unsafe fn get_ipc_renderer(&self) -> IpcSender<CanvasMsg>;
|
|
}
|
|
|
|
impl LayoutCanvasRenderingContext2DHelpers for LayoutDom<CanvasRenderingContext2D> {
|
|
#[allow(unsafe_code)]
|
|
unsafe fn get_ipc_renderer(&self) -> IpcSender<CanvasMsg> {
|
|
(*self.unsafe_get()).ipc_renderer.clone()
|
|
}
|
|
}
|
|
|
|
// We add a guard to each of methods by the spec:
|
|
// http://www.w3.org/html/wg/drafts/2dcontext/html5_canvas_CR/
|
|
//
|
|
// > Except where otherwise specified, for the 2D context interface,
|
|
// > any method call with a numeric argument whose value is infinite or a NaN value must be ignored.
|
|
//
|
|
// Restricted values are guarded in glue code. Therefore we need not add a guard.
|
|
//
|
|
// FIXME: this behavior should might be generated by some annotattions to idl.
|
|
impl CanvasRenderingContext2DMethods for CanvasRenderingContext2D {
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-canvas
|
|
fn Canvas(&self) -> DomRoot<HTMLCanvasElement> {
|
|
// This method is not called from a paint worklet rendering context,
|
|
// so it's OK to panic if self.canvas is None.
|
|
DomRoot::from_ref(self.canvas.as_ref().expect("No canvas."))
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-save
|
|
fn Save(&self) {
|
|
self.saved_states.borrow_mut().push(self.state.borrow().clone());
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::SaveContext)).unwrap();
|
|
}
|
|
|
|
#[allow(unrooted_must_root)]
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-restore
|
|
fn Restore(&self) {
|
|
let mut saved_states = self.saved_states.borrow_mut();
|
|
if let Some(state) = saved_states.pop() {
|
|
self.state.borrow_mut().clone_from(&state);
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::RestoreContext)).unwrap();
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-scale
|
|
fn Scale(&self, x: f64, y: f64) {
|
|
if !(x.is_finite() && y.is_finite()) {
|
|
return;
|
|
}
|
|
|
|
let transform = self.state.borrow().transform;
|
|
self.state.borrow_mut().transform = transform.pre_scale(x as f32, y as f32);
|
|
self.update_transform()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-rotate
|
|
fn Rotate(&self, angle: f64) {
|
|
if angle == 0.0 || !angle.is_finite() {
|
|
return;
|
|
}
|
|
|
|
let (sin, cos) = (angle.sin(), angle.cos());
|
|
let transform = self.state.borrow().transform;
|
|
self.state.borrow_mut().transform = transform.pre_mul(
|
|
&Transform2D::row_major(cos as f32, sin as f32,
|
|
-sin as f32, cos as f32,
|
|
0.0, 0.0));
|
|
self.update_transform()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-translate
|
|
fn Translate(&self, x: f64, y: f64) {
|
|
if !(x.is_finite() && y.is_finite()) {
|
|
return;
|
|
}
|
|
|
|
let transform = self.state.borrow().transform;
|
|
self.state.borrow_mut().transform = transform.pre_translate(vec2(x as f32, y as f32));
|
|
self.update_transform()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-transform
|
|
fn Transform(&self, a: f64, b: f64, c: f64, d: f64, e: f64, f: f64) {
|
|
if !(a.is_finite() && b.is_finite() && c.is_finite() &&
|
|
d.is_finite() && e.is_finite() && f.is_finite()) {
|
|
return;
|
|
}
|
|
|
|
let transform = self.state.borrow().transform;
|
|
self.state.borrow_mut().transform = transform.pre_mul(
|
|
&Transform2D::row_major(a as f32, b as f32, c as f32, d as f32, e as f32, f as f32));
|
|
self.update_transform()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-settransform
|
|
fn SetTransform(&self, a: f64, b: f64, c: f64, d: f64, e: f64, f: f64) {
|
|
if !(a.is_finite() && b.is_finite() && c.is_finite() &&
|
|
d.is_finite() && e.is_finite() && f.is_finite()) {
|
|
return;
|
|
}
|
|
|
|
self.state.borrow_mut().transform =
|
|
Transform2D::row_major(a as f32, b as f32, c as f32, d as f32, e as f32, f as f32);
|
|
self.update_transform()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-resettransform
|
|
fn ResetTransform(&self) {
|
|
self.state.borrow_mut().transform = Transform2D::identity();
|
|
self.update_transform()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-globalalpha
|
|
fn GlobalAlpha(&self) -> f64 {
|
|
let state = self.state.borrow();
|
|
state.global_alpha
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-globalalpha
|
|
fn SetGlobalAlpha(&self, alpha: f64) {
|
|
if !alpha.is_finite() || alpha > 1.0 || alpha < 0.0 {
|
|
return;
|
|
}
|
|
|
|
self.state.borrow_mut().global_alpha = alpha;
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetGlobalAlpha(alpha as f32)))
|
|
.unwrap()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-globalcompositeoperation
|
|
fn GlobalCompositeOperation(&self) -> DOMString {
|
|
let state = self.state.borrow();
|
|
match state.global_composition {
|
|
CompositionOrBlending::Composition(op) => DOMString::from(op.to_str()),
|
|
CompositionOrBlending::Blending(op) => DOMString::from(op.to_str()),
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-globalcompositeoperation
|
|
fn SetGlobalCompositeOperation(&self, op_str: DOMString) {
|
|
if let Ok(op) = CompositionOrBlending::from_str(&op_str) {
|
|
self.state.borrow_mut().global_composition = op;
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetGlobalComposition(op)))
|
|
.unwrap()
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-fillrect
|
|
fn FillRect(&self, x: f64, y: f64, width: f64, height: f64) {
|
|
if let Some(rect) = self.create_drawable_rect(x, y, width, height) {
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::FillRect(rect))).unwrap();
|
|
self.mark_as_dirty();
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-clearrect
|
|
fn ClearRect(&self, x: f64, y: f64, width: f64, height: f64) {
|
|
if let Some(rect) = self.create_drawable_rect(x, y, width, height) {
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::ClearRect(rect)))
|
|
.unwrap();
|
|
self.mark_as_dirty();
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-strokerect
|
|
fn StrokeRect(&self, x: f64, y: f64, width: f64, height: f64) {
|
|
if let Some(rect) = self.create_drawable_rect(x, y, width, height) {
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::StrokeRect(rect)))
|
|
.unwrap();
|
|
self.mark_as_dirty();
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-beginpath
|
|
fn BeginPath(&self) {
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::BeginPath)).unwrap();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-closepath
|
|
fn ClosePath(&self) {
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::ClosePath)).unwrap();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-fill
|
|
fn Fill(&self, _: CanvasFillRule) {
|
|
// TODO: Process fill rule
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::Fill)).unwrap();
|
|
self.mark_as_dirty();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-stroke
|
|
fn Stroke(&self) {
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::Stroke)).unwrap();
|
|
self.mark_as_dirty();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-clip
|
|
fn Clip(&self, _: CanvasFillRule) {
|
|
// TODO: Process fill rule
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::Clip)).unwrap();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-ispointinpath
|
|
fn IsPointInPath(&self, x: f64, y: f64, fill_rule: CanvasFillRule) -> bool {
|
|
let fill_rule = match fill_rule {
|
|
CanvasFillRule::Nonzero => FillRule::Nonzero,
|
|
CanvasFillRule::Evenodd => FillRule::Evenodd,
|
|
};
|
|
let (sender, receiver) = ipc::channel::<bool>(self.global().time_profiler_chan().clone()).unwrap();
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::IsPointInPath(x, y, fill_rule, sender)))
|
|
.unwrap();
|
|
receiver.recv().unwrap()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-filltext
|
|
fn FillText(&self, text: DOMString, x: f64, y: f64, max_width: Option<f64>) {
|
|
let parsed_text: String = text.into();
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::FillText(parsed_text, x, y, max_width))).unwrap();
|
|
self.mark_as_dirty();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-drawimage
|
|
fn DrawImage(&self,
|
|
image: CanvasImageSource,
|
|
dx: f64,
|
|
dy: f64)
|
|
-> ErrorResult {
|
|
if !(dx.is_finite() && dy.is_finite()) {
|
|
return Ok(());
|
|
}
|
|
|
|
self.draw_image(image, 0f64, 0f64, None, None, dx, dy, None, None)
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-drawimage
|
|
fn DrawImage_(&self,
|
|
image: CanvasImageSource,
|
|
dx: f64,
|
|
dy: f64,
|
|
dw: f64,
|
|
dh: f64)
|
|
-> ErrorResult {
|
|
if !(dx.is_finite() && dy.is_finite() && dw.is_finite() && dh.is_finite()) {
|
|
return Ok(());
|
|
}
|
|
|
|
self.draw_image(image, 0f64, 0f64, None, None, dx, dy, Some(dw), Some(dh))
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-drawimage
|
|
fn DrawImage__(&self,
|
|
image: CanvasImageSource,
|
|
sx: f64,
|
|
sy: f64,
|
|
sw: f64,
|
|
sh: f64,
|
|
dx: f64,
|
|
dy: f64,
|
|
dw: f64,
|
|
dh: f64)
|
|
-> ErrorResult {
|
|
if !(sx.is_finite() && sy.is_finite() && sw.is_finite() && sh.is_finite() &&
|
|
dx.is_finite() && dy.is_finite() && dw.is_finite() && dh.is_finite()) {
|
|
return Ok(());
|
|
}
|
|
|
|
self.draw_image(image,
|
|
sx,
|
|
sy,
|
|
Some(sw),
|
|
Some(sh),
|
|
dx,
|
|
dy,
|
|
Some(dw),
|
|
Some(dh))
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-moveto
|
|
fn MoveTo(&self, x: f64, y: f64) {
|
|
if !(x.is_finite() && y.is_finite()) {
|
|
return;
|
|
}
|
|
|
|
let msg = CanvasMsg::Canvas2d(Canvas2dMsg::MoveTo(Point2D::new(x as f32, y as f32)));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-lineto
|
|
fn LineTo(&self, x: f64, y: f64) {
|
|
if !(x.is_finite() && y.is_finite()) {
|
|
return;
|
|
}
|
|
|
|
let msg = CanvasMsg::Canvas2d(Canvas2dMsg::LineTo(Point2D::new(x as f32, y as f32)));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-rect
|
|
fn Rect(&self, x: f64, y: f64, width: f64, height: f64) {
|
|
if [x, y, width, height].iter().all(|val| val.is_finite()) {
|
|
let rect = Rect::new(Point2D::new(x as f32, y as f32),
|
|
Size2D::new(width as f32, height as f32));
|
|
let msg = CanvasMsg::Canvas2d(Canvas2dMsg::Rect(rect));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-quadraticcurveto
|
|
fn QuadraticCurveTo(&self, cpx: f64, cpy: f64, x: f64, y: f64) {
|
|
if !(cpx.is_finite() && cpy.is_finite() && x.is_finite() && y.is_finite()) {
|
|
return;
|
|
}
|
|
|
|
let msg = CanvasMsg::Canvas2d(Canvas2dMsg::QuadraticCurveTo(Point2D::new(cpx as f32,
|
|
cpy as f32),
|
|
Point2D::new(x as f32,
|
|
y as f32)));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-beziercurveto
|
|
fn BezierCurveTo(&self, cp1x: f64, cp1y: f64, cp2x: f64, cp2y: f64, x: f64, y: f64) {
|
|
if !(cp1x.is_finite() && cp1y.is_finite() && cp2x.is_finite() && cp2y.is_finite() &&
|
|
x.is_finite() && y.is_finite()) {
|
|
return;
|
|
}
|
|
|
|
let msg = CanvasMsg::Canvas2d(Canvas2dMsg::BezierCurveTo(Point2D::new(cp1x as f32,
|
|
cp1y as f32),
|
|
Point2D::new(cp2x as f32,
|
|
cp2y as f32),
|
|
Point2D::new(x as f32, y as f32)));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-arc
|
|
fn Arc(&self, x: f64, y: f64, r: f64, start: f64, end: f64, ccw: bool) -> ErrorResult {
|
|
if !([x, y, r, start, end].iter().all(|x| x.is_finite())) {
|
|
return Ok(());
|
|
}
|
|
|
|
if r < 0.0 {
|
|
return Err(Error::IndexSize);
|
|
}
|
|
|
|
let msg = CanvasMsg::Canvas2d(Canvas2dMsg::Arc(Point2D::new(x as f32, y as f32),
|
|
r as f32,
|
|
start as f32,
|
|
end as f32,
|
|
ccw));
|
|
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
Ok(())
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-arcto
|
|
fn ArcTo(&self, cp1x: f64, cp1y: f64, cp2x: f64, cp2y: f64, r: f64) -> ErrorResult {
|
|
if !([cp1x, cp1y, cp2x, cp2y, r].iter().all(|x| x.is_finite())) {
|
|
return Ok(());
|
|
}
|
|
if r < 0.0 {
|
|
return Err(Error::IndexSize);
|
|
}
|
|
|
|
let msg = CanvasMsg::Canvas2d(Canvas2dMsg::ArcTo(Point2D::new(cp1x as f32, cp1y as f32),
|
|
Point2D::new(cp2x as f32, cp2y as f32),
|
|
r as f32));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
Ok(())
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-ellipse
|
|
fn Ellipse(&self, x: f64, y: f64, rx: f64, ry: f64, rotation: f64, start: f64, end: f64, ccw: bool) -> ErrorResult {
|
|
if !([x, y, rx, ry, rotation, start, end].iter().all(|x| x.is_finite())) {
|
|
return Ok(());
|
|
}
|
|
if rx < 0.0 || ry < 0.0 {
|
|
return Err(Error::IndexSize);
|
|
}
|
|
|
|
let msg = CanvasMsg::Canvas2d(Canvas2dMsg::Ellipse(Point2D::new(x as f32, y as f32),
|
|
rx as f32,
|
|
ry as f32,
|
|
rotation as f32,
|
|
start as f32,
|
|
end as f32,
|
|
ccw));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
Ok(())
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-imagesmoothingenabled
|
|
fn ImageSmoothingEnabled(&self) -> bool {
|
|
let state = self.state.borrow();
|
|
state.image_smoothing_enabled
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-imagesmoothingenabled
|
|
fn SetImageSmoothingEnabled(&self, value: bool) {
|
|
self.state.borrow_mut().image_smoothing_enabled = value;
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-strokestyle
|
|
fn StrokeStyle(&self) -> StringOrCanvasGradientOrCanvasPattern {
|
|
match self.state.borrow().stroke_style {
|
|
CanvasFillOrStrokeStyle::Color(ref rgba) => {
|
|
let mut result = String::new();
|
|
serialize(rgba, &mut result).unwrap();
|
|
StringOrCanvasGradientOrCanvasPattern::String(DOMString::from(result))
|
|
},
|
|
CanvasFillOrStrokeStyle::Gradient(ref gradient) => {
|
|
StringOrCanvasGradientOrCanvasPattern::CanvasGradient(DomRoot::from_ref(&*gradient))
|
|
},
|
|
CanvasFillOrStrokeStyle::Pattern(ref pattern) => {
|
|
StringOrCanvasGradientOrCanvasPattern::CanvasPattern(DomRoot::from_ref(&*pattern))
|
|
}
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-strokestyle
|
|
fn SetStrokeStyle(&self, value: StringOrCanvasGradientOrCanvasPattern) {
|
|
match value {
|
|
StringOrCanvasGradientOrCanvasPattern::String(string) => {
|
|
if let Ok(rgba) = self.parse_color(&string) {
|
|
self.state.borrow_mut().stroke_style = CanvasFillOrStrokeStyle::Color(rgba);
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetStrokeStyle(
|
|
FillOrStrokeStyle::Color(rgba))))
|
|
.unwrap();
|
|
}
|
|
},
|
|
StringOrCanvasGradientOrCanvasPattern::CanvasGradient(gradient) => {
|
|
self.state.borrow_mut().stroke_style =
|
|
CanvasFillOrStrokeStyle::Gradient(Dom::from_ref(&*gradient));
|
|
let msg = CanvasMsg::Canvas2d(
|
|
Canvas2dMsg::SetStrokeStyle(gradient.to_fill_or_stroke_style()));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
},
|
|
StringOrCanvasGradientOrCanvasPattern::CanvasPattern(pattern) => {
|
|
self.state.borrow_mut().stroke_style =
|
|
CanvasFillOrStrokeStyle::Pattern(Dom::from_ref(&*pattern));
|
|
let msg = CanvasMsg::Canvas2d(
|
|
Canvas2dMsg::SetStrokeStyle(pattern.to_fill_or_stroke_style()));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
if !pattern.origin_is_clean() {
|
|
self.set_origin_unclean();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-strokestyle
|
|
fn FillStyle(&self) -> StringOrCanvasGradientOrCanvasPattern {
|
|
match self.state.borrow().fill_style {
|
|
CanvasFillOrStrokeStyle::Color(ref rgba) => {
|
|
let mut result = String::new();
|
|
serialize(rgba, &mut result).unwrap();
|
|
StringOrCanvasGradientOrCanvasPattern::String(DOMString::from(result))
|
|
},
|
|
CanvasFillOrStrokeStyle::Gradient(ref gradient) => {
|
|
StringOrCanvasGradientOrCanvasPattern::CanvasGradient(DomRoot::from_ref(&*gradient))
|
|
},
|
|
CanvasFillOrStrokeStyle::Pattern(ref pattern) => {
|
|
StringOrCanvasGradientOrCanvasPattern::CanvasPattern(DomRoot::from_ref(&*pattern))
|
|
}
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-strokestyle
|
|
fn SetFillStyle(&self, value: StringOrCanvasGradientOrCanvasPattern) {
|
|
match value {
|
|
StringOrCanvasGradientOrCanvasPattern::String(string) => {
|
|
if let Ok(rgba) = self.parse_color(&string) {
|
|
self.state.borrow_mut().fill_style = CanvasFillOrStrokeStyle::Color(rgba);
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetFillStyle(
|
|
FillOrStrokeStyle::Color(rgba))))
|
|
.unwrap()
|
|
}
|
|
}
|
|
StringOrCanvasGradientOrCanvasPattern::CanvasGradient(gradient) => {
|
|
self.state.borrow_mut().fill_style =
|
|
CanvasFillOrStrokeStyle::Gradient(Dom::from_ref(&*gradient));
|
|
let msg = CanvasMsg::Canvas2d(
|
|
Canvas2dMsg::SetFillStyle(gradient.to_fill_or_stroke_style()));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
}
|
|
StringOrCanvasGradientOrCanvasPattern::CanvasPattern(pattern) => {
|
|
self.state.borrow_mut().fill_style =
|
|
CanvasFillOrStrokeStyle::Pattern(Dom::from_ref(&*pattern));
|
|
let msg = CanvasMsg::Canvas2d(
|
|
Canvas2dMsg::SetFillStyle(pattern.to_fill_or_stroke_style()));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
if !pattern.origin_is_clean() {
|
|
self.set_origin_unclean();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-createimagedata
|
|
fn CreateImageData(&self, sw: Finite<f64>, sh: Finite<f64>) -> Fallible<DomRoot<ImageData>> {
|
|
if *sw == 0.0 || *sh == 0.0 {
|
|
return Err(Error::IndexSize);
|
|
}
|
|
|
|
let sw = cmp::max(1, sw.abs().to_u32().unwrap());
|
|
let sh = cmp::max(1, sh.abs().to_u32().unwrap());
|
|
ImageData::new(&self.global(), sw, sh, None)
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-createimagedata
|
|
fn CreateImageData_(&self, imagedata: &ImageData) -> Fallible<DomRoot<ImageData>> {
|
|
ImageData::new(&self.global(),
|
|
imagedata.Width(),
|
|
imagedata.Height(),
|
|
None)
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-getimagedata
|
|
fn GetImageData(&self,
|
|
sx: Finite<f64>,
|
|
sy: Finite<f64>,
|
|
sw: Finite<f64>,
|
|
sh: Finite<f64>)
|
|
-> Fallible<DomRoot<ImageData>> {
|
|
if !self.origin_is_clean() {
|
|
return Err(Error::Security)
|
|
}
|
|
|
|
let mut sx = *sx;
|
|
let mut sy = *sy;
|
|
let mut sw = *sw;
|
|
let mut sh = *sh;
|
|
|
|
if sw == 0.0 || sh == 0.0 {
|
|
return Err(Error::IndexSize);
|
|
}
|
|
|
|
if sw < 0.0 {
|
|
sw = -sw;
|
|
sx -= sw;
|
|
}
|
|
if sh < 0.0 {
|
|
sh = -sh;
|
|
sy -= sh;
|
|
}
|
|
|
|
let sh = cmp::max(1, sh.to_u32().unwrap());
|
|
let sw = cmp::max(1, sw.to_u32().unwrap());
|
|
|
|
let (sender, receiver) = ipc::channel(self.global().time_profiler_chan().clone()).unwrap();
|
|
let dest_rect = Rect::new(Point2D::new(sx.to_i32().unwrap(), sy.to_i32().unwrap()),
|
|
Size2D::new(sw as i32, sh as i32));
|
|
let canvas_size = self.canvas.as_ref().map(|c| c.get_size()).unwrap_or(Size2D::zero());
|
|
let canvas_size = Size2D::new(canvas_size.width as f64, canvas_size.height as f64);
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::GetImageData(dest_rect, canvas_size, sender)))
|
|
.unwrap();
|
|
let mut data = Vec::from(receiver.recv().unwrap());
|
|
|
|
// Un-premultiply alpha
|
|
for chunk in data.chunks_mut(4) {
|
|
let alpha = chunk[3] as usize;
|
|
chunk[0] = UNPREMULTIPLY_TABLE[256 * alpha + chunk[0] as usize];
|
|
chunk[1] = UNPREMULTIPLY_TABLE[256 * alpha + chunk[1] as usize];
|
|
chunk[2] = UNPREMULTIPLY_TABLE[256 * alpha + chunk[2] as usize];
|
|
}
|
|
|
|
ImageData::new(&self.global(), sw, sh, Some(data))
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-putimagedata
|
|
fn PutImageData(&self, imagedata: &ImageData, dx: Finite<f64>, dy: Finite<f64>) {
|
|
self.PutImageData_(imagedata,
|
|
dx,
|
|
dy,
|
|
Finite::wrap(0f64),
|
|
Finite::wrap(0f64),
|
|
Finite::wrap(imagedata.Width() as f64),
|
|
Finite::wrap(imagedata.Height() as f64))
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-putimagedata
|
|
fn PutImageData_(&self,
|
|
imagedata: &ImageData,
|
|
dx: Finite<f64>,
|
|
dy: Finite<f64>,
|
|
dirty_x: Finite<f64>,
|
|
dirty_y: Finite<f64>,
|
|
dirty_width: Finite<f64>,
|
|
dirty_height: Finite<f64>) {
|
|
let data = imagedata.get_data_array();
|
|
let offset = Vector2D::new(*dx, *dy);
|
|
let image_data_size = Size2D::new(imagedata.Width() as f64, imagedata.Height() as f64);
|
|
|
|
let dirty_rect = Rect::new(Point2D::new(*dirty_x, *dirty_y),
|
|
Size2D::new(*dirty_width, *dirty_height));
|
|
let msg = CanvasMsg::Canvas2d(Canvas2dMsg::PutImageData(
|
|
data.into(),
|
|
offset,
|
|
image_data_size,
|
|
dirty_rect,
|
|
));
|
|
self.ipc_renderer.send(msg).unwrap();
|
|
self.mark_as_dirty();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-createlineargradient
|
|
fn CreateLinearGradient(&self,
|
|
x0: Finite<f64>,
|
|
y0: Finite<f64>,
|
|
x1: Finite<f64>,
|
|
y1: Finite<f64>)
|
|
-> DomRoot<CanvasGradient> {
|
|
CanvasGradient::new(&self.global(),
|
|
CanvasGradientStyle::Linear(LinearGradientStyle::new(*x0,
|
|
*y0,
|
|
*x1,
|
|
*y1,
|
|
Vec::new())))
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-createradialgradient
|
|
fn CreateRadialGradient(&self,
|
|
x0: Finite<f64>,
|
|
y0: Finite<f64>,
|
|
r0: Finite<f64>,
|
|
x1: Finite<f64>,
|
|
y1: Finite<f64>,
|
|
r1: Finite<f64>)
|
|
-> Fallible<DomRoot<CanvasGradient>> {
|
|
if *r0 < 0. || *r1 < 0. {
|
|
return Err(Error::IndexSize);
|
|
}
|
|
|
|
Ok(CanvasGradient::new(&self.global(),
|
|
CanvasGradientStyle::Radial(RadialGradientStyle::new(*x0,
|
|
*y0,
|
|
*r0,
|
|
*x1,
|
|
*y1,
|
|
*r1,
|
|
Vec::new()))))
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-createpattern
|
|
fn CreatePattern(&self,
|
|
image: CanvasImageSource,
|
|
mut repetition: DOMString)
|
|
-> Fallible<DomRoot<CanvasPattern>> {
|
|
let (image_data, image_size) = match image {
|
|
CanvasImageSource::HTMLImageElement(ref image) => {
|
|
// https://html.spec.whatwg.org/multipage/#img-error
|
|
// If the image argument is an HTMLImageElement object that is in the broken state,
|
|
// then throw an InvalidStateError exception
|
|
image.get_url()
|
|
.and_then(|url| self.fetch_image_data(url))
|
|
.ok_or(Error::InvalidState)?
|
|
},
|
|
CanvasImageSource::HTMLCanvasElement(ref canvas) => {
|
|
let _ = canvas.get_or_init_2d_context();
|
|
|
|
canvas.fetch_all_data().ok_or(Error::InvalidState)?
|
|
},
|
|
CanvasImageSource::CanvasRenderingContext2D(ref context) => {
|
|
let canvas = context.Canvas();
|
|
let _ = canvas.get_or_init_2d_context();
|
|
|
|
canvas.fetch_all_data().ok_or(Error::InvalidState)?
|
|
}
|
|
CanvasImageSource::CSSStyleValue(ref value) => {
|
|
value.get_url(self.base_url.clone())
|
|
.and_then(|url| self.fetch_image_data(url))
|
|
.ok_or(Error::InvalidState)?
|
|
}
|
|
};
|
|
|
|
if repetition.is_empty() {
|
|
repetition.push_str("repeat");
|
|
}
|
|
|
|
if let Ok(rep) = RepetitionStyle::from_str(&repetition) {
|
|
Ok(CanvasPattern::new(&self.global(),
|
|
image_data,
|
|
image_size,
|
|
rep,
|
|
self.is_origin_clean(image)))
|
|
} else {
|
|
Err(Error::Syntax)
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-linewidth
|
|
fn LineWidth(&self) -> f64 {
|
|
let state = self.state.borrow();
|
|
state.line_width
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-linewidth
|
|
fn SetLineWidth(&self, width: f64) {
|
|
if !width.is_finite() || width <= 0.0 {
|
|
return;
|
|
}
|
|
|
|
self.state.borrow_mut().line_width = width;
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetLineWidth(width as f32)))
|
|
.unwrap()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-linecap
|
|
fn LineCap(&self) -> CanvasLineCap {
|
|
match self.state.borrow().line_cap {
|
|
LineCapStyle::Butt => CanvasLineCap::Butt,
|
|
LineCapStyle::Round => CanvasLineCap::Round,
|
|
LineCapStyle::Square => CanvasLineCap::Square,
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-linecap
|
|
fn SetLineCap(&self, cap: CanvasLineCap) {
|
|
let line_cap = match cap {
|
|
CanvasLineCap::Butt => LineCapStyle::Butt,
|
|
CanvasLineCap::Round => LineCapStyle::Round,
|
|
CanvasLineCap::Square => LineCapStyle::Square,
|
|
};
|
|
self.state.borrow_mut().line_cap = line_cap;
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetLineCap(line_cap))).unwrap();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-linejoin
|
|
fn LineJoin(&self) -> CanvasLineJoin {
|
|
match self.state.borrow().line_join {
|
|
LineJoinStyle::Round => CanvasLineJoin::Round,
|
|
LineJoinStyle::Bevel => CanvasLineJoin::Bevel,
|
|
LineJoinStyle::Miter => CanvasLineJoin::Miter,
|
|
}
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-linejoin
|
|
fn SetLineJoin(&self, join: CanvasLineJoin) {
|
|
let line_join = match join {
|
|
CanvasLineJoin::Round => LineJoinStyle::Round,
|
|
CanvasLineJoin::Bevel => LineJoinStyle::Bevel,
|
|
CanvasLineJoin::Miter => LineJoinStyle::Miter,
|
|
};
|
|
self.state.borrow_mut().line_join = line_join;
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetLineJoin(line_join))).unwrap();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-miterlimit
|
|
fn MiterLimit(&self) -> f64 {
|
|
let state = self.state.borrow();
|
|
state.miter_limit
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-miterlimit
|
|
fn SetMiterLimit(&self, limit: f64) {
|
|
if !limit.is_finite() || limit <= 0.0 {
|
|
return;
|
|
}
|
|
|
|
self.state.borrow_mut().miter_limit = limit;
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetMiterLimit(limit as f32)))
|
|
.unwrap()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-shadowoffsetx
|
|
fn ShadowOffsetX(&self) -> f64 {
|
|
self.state.borrow().shadow_offset_x
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-shadowoffsetx
|
|
fn SetShadowOffsetX(&self, value: f64) {
|
|
if !value.is_finite() || value == self.state.borrow().shadow_offset_x {
|
|
return;
|
|
}
|
|
self.state.borrow_mut().shadow_offset_x = value;
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetShadowOffsetX(value))).unwrap()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-shadowoffsety
|
|
fn ShadowOffsetY(&self) -> f64 {
|
|
self.state.borrow().shadow_offset_y
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-shadowoffsety
|
|
fn SetShadowOffsetY(&self, value: f64) {
|
|
if !value.is_finite() || value == self.state.borrow().shadow_offset_y {
|
|
return;
|
|
}
|
|
self.state.borrow_mut().shadow_offset_y = value;
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetShadowOffsetY(value))).unwrap()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-shadowblur
|
|
fn ShadowBlur(&self) -> f64 {
|
|
self.state.borrow().shadow_blur
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-shadowblur
|
|
fn SetShadowBlur(&self, value: f64) {
|
|
if !value.is_finite() || value < 0f64 || value == self.state.borrow().shadow_blur {
|
|
return;
|
|
}
|
|
self.state.borrow_mut().shadow_blur = value;
|
|
self.ipc_renderer.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetShadowBlur(value))).unwrap()
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-shadowcolor
|
|
fn ShadowColor(&self) -> DOMString {
|
|
let mut result = String::new();
|
|
serialize(&self.state.borrow().shadow_color, &mut result).unwrap();
|
|
DOMString::from(result)
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#dom-context-2d-shadowcolor
|
|
fn SetShadowColor(&self, value: DOMString) {
|
|
if let Ok(color) = parse_color(&value) {
|
|
self.state.borrow_mut().shadow_color = color;
|
|
self.ipc_renderer
|
|
.send(CanvasMsg::Canvas2d(Canvas2dMsg::SetShadowColor(color)))
|
|
.unwrap()
|
|
}
|
|
}
|
|
}
|
|
|
|
impl Drop for CanvasRenderingContext2D {
|
|
fn drop(&mut self) {
|
|
if let Err(err) = self.ipc_renderer.send(CanvasMsg::Close) {
|
|
warn!("Could not close canvas: {}", err)
|
|
}
|
|
}
|
|
}
|
|
|
|
pub fn parse_color(string: &str) -> Result<RGBA, ()> {
|
|
let mut input = ParserInput::new(string);
|
|
let mut parser = Parser::new(&mut input);
|
|
match CSSColor::parse(&mut parser) {
|
|
Ok(CSSColor::RGBA(rgba)) => {
|
|
if parser.is_exhausted() {
|
|
Ok(rgba)
|
|
} else {
|
|
Err(())
|
|
}
|
|
},
|
|
_ => Err(()),
|
|
}
|
|
}
|
|
|
|
// Used by drawImage to determine if a source or destination rectangle is valid
|
|
// Origin coordinates and size cannot be negative. Size has to be greater than zero
|
|
fn is_rect_valid(rect: Rect<f64>) -> bool {
|
|
rect.size.width > 0.0 && rect.size.height > 0.0
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/#serialisation-of-a-colour
|
|
fn serialize<W>(color: &RGBA, dest: &mut W) -> fmt::Result
|
|
where W: fmt::Write
|
|
{
|
|
let red = color.red;
|
|
let green = color.green;
|
|
let blue = color.blue;
|
|
|
|
if color.alpha == 255 {
|
|
write!(dest,
|
|
"#{:x}{:x}{:x}{:x}{:x}{:x}",
|
|
red >> 4,
|
|
red & 0xF,
|
|
green >> 4,
|
|
green & 0xF,
|
|
blue >> 4,
|
|
blue & 0xF)
|
|
} else {
|
|
write!(dest, "rgba({}, {}, {}, {})", red, green, blue, color.alpha_f32())
|
|
}
|
|
}
|